<!doctype html>
<html>
<head>
<title>Youtube5</title>
<link rel="stylesheet" href="css/style_bsp.css" type="text/css" media="screen" />
<meta charset="UTF-8">
</head>
<body>
<header>
 
 	<img src="css/youtubeLogo.jpg" class="zentriert">
 	<br />
 	<input type="search" name="suchbegriff">
 
</header>
<nav>
  <ul>
    <li><a href="#">Startseite</a></li>
    <li><a href="#">Über uns</a></li>
    <li><a href="#">...</a></li>
    <li><a href="#">Impressum</a></li>
  </ul>
</nav>
<section>
  <h1>Willkommen zu Youtube5</h1>
  <p>Registrierung:</p>
 
  
  <form action="" method="post">
    
			<table style="width:580px;">
				<tr>
					<td class="label">
						Name
					</td>
					<td>
						<input type="text" class="text_field" placeholder="Name" required="required" />
					</td>
				</tr>
				<tr>
					<td>
						<div class="label">E-Mail</div>
					</td>
					<td>
						<input type="email" class="text_field" placeholder="email@example.com" required="required" />
					</td>
				</tr>
				<tr>
					<td>
						<div class="label">Telefon</div>
					</td>
					<td>
						<input type="tel" class="text_field" placeholder="12345" required="required" pattern="^(((((((00|\+)49[ \-/]?)|0)[1-9][0-9]{1,4})[ \-/]?)|((((00|\+)49\()|\(0)[1-9][0-9]{1,4}\)[ \-/]?))[0-9]{1,7}([ \-/]?[0-9]{1,5})?)$"/>
					</td>
				</tr>
				<tr>
					<td class="label">
						Geschlecht
					</td>
					<td>
						<select class="select_field">
							<option value="m">Männlich</option>
							<option value="w">Weiblich</option>
						</select>
					</td>
				</tr>
				
			</table>
			<div class="button_container">
				<button class="submit_btn" type="submit">
					Absenden
				</button>
				<div style="clear:both;"></div>
			</div>
		</div>
	 </div>
	</form>
  
  
  
  
</section>
<footer>
  <p>&copy; <a href="#">Youtube5</a></p>
</footer>
</body>
</html>